<!-- @format -->

<template>
  <Field
    v-model="form.username"
    name="usernameFn"
    type="text"
    placeholder="请输入手机号"
  />
  <!-- 用户名校验失败提示 -->
  <div v-if="errors.usernameFn">{{ errors.usernameFn }}</div>
  <Field
    v-model="form.password"
    name="passwordFn"
    type="password"
    placeholder="请输密码"
  />
  <!-- 密码校验失败提示 -->
  <div v-if="errors.passwordFn">{{ errors.passwordFn }}</div>
</template>

<script setup lang="ts">
  import { ref, reactive, onMounted } from 'vue'
  import { Form, Field } from 'vee-validate'
</script>
<style scoped></style>
